<template>
  <div class="Common_head2">
      <div class="header2">
        <div class="title">
            <i class="iconfont icon-kaishezhibo-zuokuohao" @click = "goHome"></i>
            <p>{{title}}</p>
        </div>
      </div>
  </div>
</template>

<script>
export default {
    props:["title"],
    data(){
        return {
            msg:''
        }
    },
    methods:{
        goHome(){
            this.$router.go(-1)
        }
    }
}

</script>
<style scoped lang="scss">
    .Common_head2{
        .header2{
            background: #DD3333;
            .title{
                height:0.45rem;
                font-family: PingFangSC-Regular;
                font-size: 0.18rem;
                color: #FFFFFF;
                letter-spacing: -0.0036rem;
                line-height: 0.18rem;
                display: flex;
                justify-content: center;
                align-items: center;
                i{
                    position: absolute;
                    top:0.15rem;
                    left:0.15rem;
                }
                p{
                    text-align: center;
                    line-height: 0.65rem;
                }
            }
        }
    }
</style>